<template>
    <table>
        <tr>
            <th>编号</th>
            <th>名称</th>
            <th>日期</th>
        </tr>
        <tr v-for="(value,index) in brandList" :key="value.id">
            <td>{{index+1}}</td>
            <td>{{value.bname}}</td>
            <td>{{value.bdate}}</td>
        </tr>
    </table>
</template>
<script>
export default {
    data() {
        return {
        brandList: [{
            id: 1,
            bname: 'QQ',
            bdate: '2021-5-2'
            }, {
            id: 2,
            bname: 'BMW',
            bdate: '2021-4-2'
            }, {
            id: 3,
            bname: 'BYD',
            bdate: '2021-3-2'
      }]
        }
    },
}
</script>
<style>
    table{
        width: 500px;
       
    }
    td,th,table{
        border: 1px solid #000
    }
</style>